<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<!--***************************鏂板锛氭粴鍔ㄥ箍鍛婃潯***************************-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!--***************************鏂板锛氭粴鍔ㄥ箍鍛�**************************-->
<head>
	<meta charset="utf-8">
	<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
	<meta name="viewport" content="width=device-width" />
	<title>Fantasy Template</title>
	<meta name="keywords" content="fantasy, responsive design, free template, fluid layout, bootstrap, templatemo" />
	<meta name="description" content="Fantasy is a responsive design, free template based on Bootstrap." />
	<link href="./css/bootstrap.min.css" rel="stylesheet" type="text/css">
	<!-- Custom styles for this template -->
	<link href="./css/justified-nav.css" rel="stylesheet" type="text/css">
	<link href="./templatemo_style.css" rel="stylesheet" type="text/css">

	<!-- HTML 5 shim for IE backwards compatibility -->
		<!-- [if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js">
		</script>
		<![endif]-->

	<script>
	// https://github.com/twbs/bootstrap/issues/9774
	function refresh()
	{
		var container = document.getElementById('home');
		var masthead = document.getElementById('masthead');
		var content = document.getElementById('thumbnails_container');
		container.removeChild(masthead);
		container.insertBefore(masthead, content);
	}
	</script>
    
<!--***************************head鏂板锛氭粴鍔ㄥ箍鍛�**************************-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>kinMaxShow 鎵╁睍鏁堟灉 -jquery.kinMaxShow</title>
<link type="text/css" href="_doc/base.css" rel="stylesheet" />
 
<style type="text/css"> 
html,body{margin:0;padding:0}
.no-outline{outline:none;hide-focus:expression(this.hideFocus=true);}
#kinMaxShow{ display:none;}
#kinMaxShow .sub-01 a.download-button{position:absolute;overflow:hidden; text-indent:-999em; display:block;width:191px;height:64px; background:url(about:blank);left:43%;top:340px; }
 
#kinMaxShow .sub-02 .ad{ position:absolute;width:418px;height:246px; top:75px; left:15%;}
#kinMaxShow .sub-02 .ad a.download-button{position:absolute;overflow:hidden; text-indent:-999em; display:block;width:190px;height:60px; background:url(about:blank);left:0px;top:186px; }
</style>
<script src="http://code.jquery.com/jquery-1.10.2.min.js" type="text/javascript"></script>
<script src="http://www.iruizi.com/kinMaxShow/v1.1/jquery.kinMaxShow-1.1.min.js" type="text/javascript"></script>
<script type="text/javascript"> 
$(function(){
 
 $("#kinMaxShow").kinMaxShow({
   height:500,
   button:{
     showIndex:false,
     normal:{background:'url(http://imgcache.qq.com/vipstyle/nr/box/new_portal/images/slider-sprites.png) no-repeat -30px 0',width:'30px',height:'30px',marginRight:'5px',border:'0',right:'44%',bottom:'30px'},
     focus:{background:'url(http://imgcache.qq.com/vipstyle/nr/box/new_portal/images/slider-sprites.png) no-repeat 0 0',border:'0'}
    }
  
  });
 
 
});
 
</script>
<!--***********************head鏂板锛氭粴鍔ㄥ箍鍛�**************************-->
</head>

<body onResize="refresh()">
	<div id="main_container">
		<div class="container" id="home">
<!--***********************鍘绘帀椤舵爮***************************-->
<!--			<div class="header">
				<div class="navbar-header">
		          	<a href="http://www.templatemo.com/preview/templatemo_393_fantasy" rel="nofollow"><img src="Img/title6.png" alt="fantasy" class="templatemo_logo"></a>
		        </div>
      			<form  action="#" method="get" class="navbar-form navbar-right" role="search">
      				<div class="form-group">
      					<input type="text" class="form-control" placeholder="Search" id="keyword" name="keyword">
      				</div>
      				<button type="submit" class="btn btn-default" name="Search">Go</button>
      			</form>
                 <a class="header_bg" href="http://cn.mystockphoto.com/" title="http://cn.mystockphoto.com/"  ><img src="images/header.png" alt="http://cn.mystockphoto.com/"  /></a>
         
			</div>-->
<!--***********************鍘绘帀椤舵爮***************************-->

<!--***************************body鏂板锛氭粴鍔ㄥ箍鍛�**************************-->
    <div id="kinMaxShow">
     <div>
         <img src="./Img/Smile-1280x800.jpg"   />
            <div class="sub-01">
    <a href="javascript:alert('浣犵偣鍑讳簡绔嬪嵆涓嬭浇')" class="download-button no-outline">绔嬪嵆涓嬭浇</a>                 
            </div>
        </div>
        
        <div>
         <img src="./Img/eggs-1280x800.jpg"   />
            <div class="sub-02">
             <div class="ad">
                 <img src="" />
                    <a href="javascript:alert('浣犵偣鍑讳簡绔嬪嵆涓嬭浇')" class="download-button no-outline">绔嬪嵆涓嬭浇</a>
                </div>
                     
            </div>
        </div>
        
        <div>
         <img src="./Img/christmas_1920x1200.jpg"     />
            <div class="sub-02">
             <div class="ad">
                 <img src="" />
                    <a href="javascript:alert('浣犵偣鍑讳簡绔嬪嵆涓嬭浇')" class="download-button no-outline">绔嬪嵆涓嬭浇</a>
                </div>
                     
            </div>
        </div>
        
        <div>
         <img src="./Img/Fall-Leaf-1280x800.jpg"   />
            <div class="sub-02">
             <div class="ad">
                 <img src="" />
                    <a href="javascript:alert('浣犵偣鍑讳簡绔嬪嵆涓嬭浇')" class="download-button no-outline">绔嬪嵆涓嬭浇</a>
                </div>
                     
            </div>
        </div>
        
 
    </div>
<!--***************************body鏂板锛氭粴鍔ㄥ箍鍛�**************************-->
			<div class="masthead" id="masthead">
		        <ul class="nav nav-justified">
		          <li class="active"><a href="index.html">Home</a></li>
                  <li><a href="activity.html">Activity</a></li>
		          <li><a href="activity.html">Game</a></li>
		          <li><a href="activity.html">Charity</a></li>
		          <li><a href="about.html">Professor</a></li>
                  <li><a href="about.html">Q&A</a></li>
		        </ul>
	      	</div> <!-- nav -->
			<div class="row" id="thumbnails_container">

				<div class="col-md-12">
					<h2>Welcome to Fantasy</h2>
					<p>Aenean non magna vitae leo scelerisque blandit. Ut fringilla vel mi sit amet consectetur. Morbi vel euismod nibh. Cras libero felis, iaculis eu ipsum et, semper blandit velit. Morbi hendrerit lacus sit amet tellus pellentesque congue. Vivamus sed adipiscing felis, non molestie velit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum auctor justo eu nibh pharetra, nec rhoncus justo tincidunt. Donec ut venenatis mauris. Donec aliquam odio tempor nisl elementum adipiscing. Validate <a href="http://validator.w3.org/check?uri=referer" rel="nofollow">XHTML</a> &amp; <a href="http://jigsaw.w3.org/css-validator/check/referer" rel="nofollow">CSS</a>.</p>
                    <h3>Our Features</h3>
                    <p>Duis nec porta risus, non auctor dui. Ut id sapien blandit, molestie lacus sit amet, hendrerit neque. Duis sed sem nibh. Etiam semper, justo at dictum porttitor, nisl dui tempor augue, eget ultrices nisi orci vitae quam. Integer id tellus consectetur, pellentesque neque nec, aliquam ligula. Curabitur urna enim, ultrices dapibus fringilla vel, volutpat nec est. Sed dignissim feugiat libero, non pulvinar libero consequat nec.</p>
                    <h3>Our Collections</h3>
				</div>

				<div class="row">
					<div class="col-xs-6 col-sm-3 col-md-3"><a href="preview.html" class="thumbnail"><img src="Img/200x200/union.jpg" alt="Model Girl 1" class="img-responsive"><p>Model One</p></a></div>
					<div class="col-xs-6 col-sm-3 col-md-3"><a href="preview.html" class="thumbnail"><img src="Img/200x200/kids.jpg" alt="Model Girl 2" class="img-responsive"><p>Second Model</p></a></div>
					<div class="col-xs-6 col-sm-3 col-md-3"><a href="preview.html" class="thumbnail"><img src="Img/200x200/snail.jpg" alt="Model Girl 3" class="img-responsive"><p>Model Third</p></a></div>
					<div class="col-xs-6 col-sm-3 col-md-3"><a href="preview.html" class="thumbnail"><img src="Img/200x200/angle.jpg" alt="Model Girl 4" class="img-responsive"><p>Fourth Model</p></a></div>
				</div>

				<div class="row">
					<div class="col-xs-6 col-sm-3 col-md-3"><a href="preview.html" class="thumbnail"><img src="Img/200x200/daddy.jpg" alt="Model Girl 5" class="img-responsive"><p>Fifth One</p></a></div>
					<div class="col-xs-6 col-sm-3 col-md-3"><a href="preview.html" class="thumbnail"><img src="Img/200x200/doggy.jpg" alt="Model Girl 6" class="img-responsive"><p>Model Sixth</p></a></div>
					<div class="col-xs-6 col-sm-3 col-md-3"><a href="preview.html" class="thumbnail"><img src="Img/200x200/color.jpg" alt="Model Girl 7" class="img-responsive"><p>Seventh Model</p></a></div>
					<div class="col-xs-6 col-sm-3 col-md-3"><a href="preview.html" class="thumbnail"><img src="Img/200x200/milk.jpg" alt="Model Girl 8" class="img-responsive"><p>Model Eighth</p></a></div>
				</div>

				<div class="col-xs-12 col-md-12">
                	<a href="http://www.templatemo.com" rel="nofollow" class="btn btn-primary" role="button">Previous</a>
                    <a href="http://www.templatemo.com/page/1" rel="nofollow" class="btn btn-primary" role="button">1</a>
                    <a href="http://www.templatemo.com/page/2" rel="nofollow" class="btn btn-primary" role="button">2</a>
                    <a href="http://www.templatemo.com/page/3" rel="nofollow" class="btn btn-primary" role="button">3</a>
                    <a href="http://www.templatemo.com/page/4" rel="nofollow" class="btn btn-primary" role="button">4</a>
                    <a href="http://www.templatemo.com/page/5" rel="nofollow" class="btn btn-primary" role="button">Next</a>
			  	</div>

			</div> <!-- thumbnail area -->
		</div>
		<footer class="container">
			<div class="credit row">
				<div class="col-md-6 col-md-offset-3">
					<div id="templatemo_footer">
						Copyright 漏 2084 <a href="#">Your Company Name</a> | Design: <a href="http://www.templatemo.com/preview/templatemo_393_fantasy" rel="nofollow">Fantasy</a>
					</div>
				</div>
				<div class="col-md-3">
					<div style="text-align: right">
						<a href="http://www.facebook.com/templatemo" rel="nofollow"><img src="images/facebook.png" alt="Like us on Facebook"></a>
						<a href="#"><img src="./images/twitter.png" alt="Follow us on Twitter"></a>
						<a href="#"><img src="./images/rss.png" alt="RSS feeds"></a>
					</div>
				</div>
			</div>
		</footer>
	</div>
<script type='text/javascript' src='./js/logging.js'></script>
</body>
</html>